<!DOCTYPE HTML>
<html>
<head>
<title><?php echo $this->getTitle(); ?></title>
<?php echo $this->getJavascript(); ?>
<?php echo $this->getCss(); ?>
</head>
<body>
<SCRIPT language=Javascript>
       <!--
       function isNumberKey(evt)
       {
          var charCode = (evt.which) ? evt.which : event.keyCode;
          if (charCode != 46 && charCode > 31 
            && (charCode < 48 || charCode > 57))
             return false;

          return true;
       }
       //-->
    </SCRIPT>
<div id="wrapper">

	<div id="makeMeScrollable">
		<img src="resources/images/login/slider/1.png" />
		<img src="resources/images/login/slider/2.png" />
		<img src="resources/images/login/slider/3.png" />
		<img src="resources/images/login/slider/4.png" />
	</div>

<div id="loginBox" class="ribbonImage">

	<form action="index.php?c=employee&m=loginProcess" method="post">
		
		<div>
			<div class="form-row-01">
			<span id="form-span-date"><?php echo date('F j, Y'); ?></span>
			<div class="clear-both"></div>
			<hr/>
			</div>
		
			<div class="form-row-01">
				<!--  <div class="form-label-01">username:</div>-->
				<div class="form-textbox-01"><input type="text" name="username" class="input-textbox-01" placeholder="Employee Id" onkeypress="return isNumberKey(event)" /></div>
				<div class="clear-both"></div>
			</div>
			<div class="form-row-01">
				<!-- <div class="form-label-01">password:</div> -->
				<div class="form-textbox-01"><input type="password" name="password" class="textbox-password input-textbox-01" placeholder="Password"/><input type="submit" value="Login" class="input-button-01" /></div>
				<div class="clear-both"></div>
			</div>
			<div class="form-row-01">
				<div class="form-button-01"></div>
				<div class="clear-both"></div>
			</div>
			<div class="form-row-01">
			<hr/>
			<span id="form-span-copyright">&#169;BaliwagPOS</span>
			</div>
		</div>
		<div></div>
	</form>
</div>

	<div class="ribbon-wrapper">
			<div class="ribbon-front ">
			<div class="ribbon-stitches-top"></div>
			<div class="ribbon-stitches-bottom"></div>
			<img id="img-bpos" alt="bPos" src="resources/images/bPos.png">
			</div>
			<div class="ribbon-edge-topleft"></div>
			<div class="ribbon-edge-topright"></div>
			<div class="ribbon-edge-bottomleft"></div>
			<div class="ribbon-edge-bottomright"></div>
			<div class="ribbon-back-left"></div>
			<div class="ribbon-back-right"></div>
	</div>
</div>
<div id="footer"><?php echo BaliwagConstant::PAGE_FOOTER_NOTE; ?></div>
<?php TemplateHelper::template('error'); ?>

<!-- Plugin initialization -->
	<script type="text/javascript">
		// Initialize the plugin with no custom options
		$(document).ready(function () {
			// I just set some of the options
			$("#makeMeScrollable").smoothDivScroll({
				mousewheelScrolling: "allDirections",
				manualContinuousScrolling: true,
				autoScrollingMode: "always"
			});
		});
	</script>

</body>
</html>